<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>评估产品生成与管理工具</title>
    <link rel="stylesheet" href="../assets/css/productIndex.css">
</head>
<body>
    <div class="wrapper">
        <!-- 导航栏 -->
        <div class="header">
            <div class="headerRole">
                <h4>评估产品与生成管理工具</h4>
                <img src="../assets/images/productImg/role.jpg" alt="">
            </div>
            <ul class="headerMenu">
                <li>
                    <a class="active" href="">首页</a>
                </li>
                <li>
                    <a href="">评估产品模板管理模块</a>
                </li>
                <li>
                    <a href="">评估产品生成与编辑模块</a>
                </li>
                <li>
                    <a href="">评估产品导出模块</a>
                </li>
            </ul>
            <div class="headerNotice">
                <img src="../assets/images/productImg/message.png" title="1321" alt="">
                <img src="../assets/images/productImg/notice.png" title="1321" alt="">
                <img src="../assets/images/productImg/xinfeng.png" title="1321" alt="">
                <img src="../assets/images/productImg/组 2.png" title="1321" alt="">
            </div>
        </div>
        <!-- 底部内容 -->
        <div class="content">
            <ul class="contentLeft">
                <li class="on">
                    <img src="../assets/images/productImg/模板管理 (1).png" alt="">
                    <p>各模板对比</p>
                </li>
                <li>
                    <img src="../assets/images/productImg/模板管理.png" alt="">
                    <p>模板增加记录</p>
                </li>
                <li>
                    <img src="../assets/images/productImg/修改.png" alt="">
                    <p>修改数据</p>
                </li>
                <li>
                    <img src="../assets/images/productImg/导出 (1).png" alt="">
                    <p>导出数据</p>
                </li>
            </ul>

            <div class="contentRight">
                <!-- 数据统计 -->
                <ul class="numCount">
                    <li>
                        <span>456</span>
                        <h5>评估产品模板</h5>
                    </li>
                    <li>
                        <span>456</span>
                        <h5>评估产品共修改</h5>
                    </li>
                    <li>
                        <span>456</span>
                        <h5>评估产品修改完成</h5>
                    </li>
                    <li>
                        <span>456</span>
                        <h5>评估产品共导出</h5>
                    </li>
                </ul>
                <!-- 柱状图对比 -->
                <div class="modelArea">
                    <div id="modelBar" style="width: 1427px;height: 735px;"></div>
                </div>


            </div>

        </div>
    </div>
</body>
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/echarts.js"></script>
<script src="../assets/js/echarts.min.js"></script>
<script src="../assets/js/product/productIndex.js"></script>
</html>